<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
中心体
<h1 style="text-align: justify; color: brown">这是哪里</h1>
<p>SDF:Software-Defined Flash： 2010年由林仕鼎<sub>[1]</sub>提出，并启动相关项目，
    并于2013年成功在百度内部上线。基于该原理，相比市场上主流PCIe Flash卡，
    百度自研SSD<sub>[2]</sub>性能提高2<sup>1024</sup>倍（在同样的成本下），每GB的成本下降40%~50%，
    相对于传统SATA SSD，性能提高5倍，每GB成本持平。
    被SPLOSH收录的论文《SDF:Software-Defined Flash for Web-Scale Internet Storage System》就源于这一项目。
    其核心创新点在于：<span style="size: 7rem; font-family: '微软雅黑',serif; color: aqua">硬件Flash通道向软件暴露</span>，
    通过系统的角度解决硬件复杂性和不确定性，
    使软件能充分利用硬件的潜能，让硬件变得更加简单。</p>
<pre>
<!--    预标签-->
    SDF:Software-Defined Flash：
    2010年由林仕鼎提出，并启动相关项目，
    并于2013年成功在百度内部上线。基于该原理，
    相比市场上主流PCIe Flash卡，
    百度自研SSD性能提高2倍（<i></i>在同样的成本下），每GB的成本下降40%~50%，相对于传统SATA SSD，性能提高5倍，每GB成本持平。被SPLOSH收录的论文《SDF:Software-Defined Flash for Web-Scale Internet Storage System》就源于这一项目。其核心创新点在于：
    硬件Flash通道向软件暴露，通过系统的角度解决硬件复杂性和不确定性
    ，使软件能充分利用硬件的潜能，让硬件变得更加简单。
</pre>
<h3>中国23省份</h3>
<h4 style="color: crimson; font-size: 1.5rem;">河北省、山西省、吉林省、辽宁省、黑龙江省、陕西省、甘肃省、青海省、山东省、福建省、 浙江省、
    <br/>台湾省、河南省、湖北省、湖南省、江西省、江苏省、安徽省、广东省、海南省、四川省、贵州省、云南省</h4>
<hr/>
<h3>无序列表</h3>
<div style="width: 100%; height: 8rem; border: royalblue 1px solid;">
    <div style="width: 30%; height: 100%; background-color: aquamarine; float: left">
        <ul style="list-style-type: square">
            <li>春</li>
            <li>夏</li>
            <li>秋</li>
            <li>冬</li>
        </ul>
    </div>
    <div style="width: 30%; height: 100%; background-color: bisque; float: left; margin-left: 5%;" >
        <ul style="list-style-type: disc">
            <li>春天</li>
            <li>夏天</li>
            <li>秋天</li>
            <li>冬天</li>
        </ul>
    </div>
    <div style="width: 30%; height: 100%; background-color: skyblue; float: left; margin-left: 5%;">
        <ul style="list-style-type: circle">
            <li>风</li>
            <li>吹</li>
            <li>雨</li>
            <li>打</li>
        </ul>
    </div>
</div>
<h3>有序列表</h3>
<div style="width: 100%; height: 9rem; border: green 1px solid;">
    <div style="width: 30%; height: 100%; background-color: burlywood; float: left">
        <ol>
            <li>河南</li>
            <li>浙江</li>
            <li>湖北</li>
            <li>北京</li>
            <li>湖南</li>
            <li>江苏</li>
        </ol>
    </div>
    <div style="width: 30%; height: 100%; background-color: darksalmon; float: left; margin-left: 5%;" >
        <ol start="32">
            <li>台湾</li>
            <li>河北</li>
            <li>陕西</li>
            <li>山西</li>
            <li>辽宁</li>
            <li>黑龙江</li>
        </ol>
    </div>
    <div style="width: 30%; height: 100%; background-color: mediumspringgreen; float: left; margin-left: 5%;">
        <ol start="1" type="A">
            <li>吉林</li>
            <li>青海</li>
            <li>山东</li>
            <li>福建</li>
            <li>江西</li>
            <li>四川</li>
        </ol>
    </div>
</div>
<hr/>
<h4>超链接</h4>
<span>超链接1：指向相对路径文件>>>> </span><a href="text.html" target="_blank">进入测试页面</a>
<br/>
<span>超链接2：指向HTTP协议网址>>>></span><a href="https://www.baidu.com" target="_blank">进入百度页面</a>
<br/>
<span>超链接3：联系我们：>>>></span><a href="mailto:1355088455@qq.com" target="_blank">给我们发邮件</a>
<h3 style="text-align: center"><b>中国国内所有省市</b></h3>
<div style="width: 100%; height: 43rem; border: #a411f3 2px inset">
    <div style="width: 9%; height: 100%; background-color: aquamarine; float: left; margin-right: 1%; margin-left: 0.5%">
        <dl>
            <dt>北京市</dt>
            <dt>天津市</dt>
            <dt>上海市</dt>
            <dt>重庆市</dt>
            <dt>新疆维吾尔自治区</dt>
            <dd>乌鲁木齐市</dd>
            <dd>克拉玛依市</dd>
            <dd>吐鲁番地区</dd>
            <dd>昌吉自治州</dd>
            <dd>博尔塔拉自治州</dd>
            <dd>巴音郭楞自治州</dd>
            <dd>阿克苏地区</dd>
            <dd>克孜勒苏柯尔克孜自治州</dd>
            <dd>喀什地区</dd>
            <dd>和田地区</dd>
            <dd>伊犁自治州</dd>
            <dd>塔城地区</dd>
            <dd>阿勒泰地区</dd>
            <dt>内蒙古自治区</dt>
            <dd>呼和浩特市</dd>
            <dd>包头市</dd>
            <dd>乌海市</dd>
            <dd>赤峰市</dd>
            <dd>通辽市</dd>
            <dd>鄂尔多斯市</dd>
            <dd>呼伦贝尔市</dd>
            <dd>巴彦卓尔市</dd>
            <dd>乌兰察布市</dd>
            <dd>锡林郭勒盟</dd>
            <dd>兴安盟</dd>
            <dd>阿拉善盟</dd>
            <dt>西藏自治区</dt>
            <dd>拉萨市</dd>
            <dd>昌都地区</dd>
            <dd>山南地区</dd>
            <dd>日喀则地区</dd>
        </dl>
    </div>
    <div style="width: 9%; height: 100%; background-color: wheat; float: left; margin-right: 1%">
        <dl>
            <dd>那曲地区</dd>
            <dd>阿里地区</dd>
            <dd>林芝地区</dd>
            <dt>宁夏回族自治区</dt>
            <dd>银川市</dd>
            <dd>石嘴山市</dd>
            <dd>吴忠市</dd>
            <dd>固原市</dd>
            <dd>中卫市</dd>
            <dt>广西壮族自治区</dt>
            <dd>南宁市</dd>
            <dd>柳州市</dd>
            <dd>桂林市</dd>
            <dd>梧州市</dd>
            <dd>北海市</dd>
            <dd>防城港市</dd>
            <dd>钦州市</dd>
            <dd>贵港市</dd>
            <dd>玉林市</dd>
            <dd>百色市</dd>
            <dd>贺州市</dd>
            <dd>河池市</dd>
            <dd>来宾市</dd>
            <dd>崇左市</dd>
            <dt>黑龙江省</dt>
            <dd>哈尔滨市</dd>
            <dd>齐齐哈尔市</dd>
            <dd>鸡西市</dd>
            <dd>鹤岗市</dd>
            <dd>双鸭山市</dd>
            <dd>大庆市</dd>
            <dd>伊春市</dd>
            <dd>佳木斯市</dd>
            <dd>七台河市</dd>
            <dd>牡丹江市</dd>
            <dd>黑河市</dd>
            <dd>绥化市</dd>
        </dl>
    </div>
    <div style="width: 9%; height: 100%; background-color: skyblue; float: left; margin-right: 1%">
        <dl>
            <dd>加格达奇市</dd>
            <dt>吉林省</dt>
            <dd>长春市</dd>
            <dd>吉林市</dd>
            <dd>四平市</dd>
            <dd>辽源市</dd>
            <dd>通化市</dd>
            <dd>白山市</dd>
            <dd>松原市</dd>
            <dd>白城市</dd>
            <dd>延边自治州</dd>
            <dt>辽宁省</dt>
            <dd>沈阳市</dd>
            <dd>大连市</dd>
            <dd>金州市</dd>
            <dd>鞍山市</dd>
            <dd>抚顺市</dd>
            <dd>本溪市</dd>
            <dd>丹东市</dd>
            <dd>锦州市</dd>
            <dd>营口市</dd>
            <dd>阜新市</dd>
            <dd>辽阳市</dd>
            <dd>盘锦市</dd>
            <dd>铁岭市</dd>
            <dd>朝阳市</dd>
            <dd>葫芦岛市</dd>
            <dt>河北省</dt>
            <dd>石家庄市</dd>
            <dd>唐山市</dd>
            <dd>秦皇岛市</dd>
            <dd>邯郸市</dd>
            <dd>邢台市</dd>
            <dd>保定市</dd>
            <dd>张家口市</dd>
            <dd>承德市</dd>
            <dd>沧州市</dd>
        </dl>
    </div>
    <div style="width: 9%; height: 100%; background-color: lavender; float: left; margin-right: 1%">
        <dl>
            <dd>廊坊市</dd>
            <dd>衡水市</dd>
            <dt>山东省</dt>
            <dd>济南市</dd>
            <dd>青岛市</dd>
            <dd>淄博市</dd>
            <dd>枣庄市</dd>
            <dd>东营市</dd>
            <dd>烟台市</dd>
            <dd>潍坊市</dd>
            <dd>济宁市</dd>
            <dd>泰安市</dd>
            <dd>威海市</dd>
            <dd>日照市</dd>
            <dd>莱芜市</dd>
            <dd>临沂市</dd>
            <dd>德州市</dd>
            <dd>聊城市</dd>
            <dd>滨州市</dd>
            <dd>菏泽市</dd>
            <dt>江苏省</dt>
            <dd>南京市</dd>
            <dd>无锡市</dd>
            <dd>徐州市</dd>
            <dd>常州市</dd>
            <dd>苏州市</dd>
            <dd>南通市</dd>
            <dd>连云港市</dd>
            <dd>淮安市</dd>
            <dd>盐城市</dd>
            <dd>扬州市</dd>
            <dd>镇江市</dd>
            <dd>泰州市</dd>
            <dd>宿迁市</dd>
            <dt>安徽省</dt>
            <dd>合肥市</dd>
            <dd>芜湖市</dd>
        </dl>
    </div>
    <div style="width: 9%; height: 100%; background-color: violet; float: left; margin-right: 1%">
        <dl>
            <dd>蚌埠市</dd>
            <dd>马鞍山市</dd>
            <dd>淮北市</dd>
            <dd>淮南市</dd>
            <dd>铜陵市</dd>
            <dd>安庆市</dd>
            <dd>黄山市</dd>
            <dd>滁州市</dd>
            <dd>阜阳市</dd>
            <dd>宿州市</dd>
            <dd>巢湖市</dd>
            <dd>六安市</dd>
            <dd>亳州市</dd>
            <dd>池州市</dd>
            <dd>宣城市</dd>
            <dt>浙江省</dt>
            <dd>杭州市</dd>
            <dd>宁波市</dd>
            <dd>温州市</dd>
            <dd>嘉兴市</dd>
            <dd>湖州市</dd>
            <dd>金华市</dd>
            <dd>衢州市</dd>
            <dd>舟山市</dd>
            <dd>台州市</dd>
            <dd>丽水市</dd>
            <dd>绍兴市</dd>
            <dt>福建省</dt>
            <dd>福州市</dd>
            <dd>厦门市</dd>
            <dd>莆田市</dd>
            <dd>三明市</dd>
            <dd>泉州市</dd>
            <dd>漳州市</dd>
            <dd>南平市</dd>
            <dd>龙岩市</dd>
            <dd>宁德市</dd>
        </dl>
    </div>
    <div style="width: 9%; height: 100%; background-color: ivory; float: left; margin-right: 1%">
        <dl>
            <dt>广东省</dt>
            <dd>广州市</dd>
            <dd>韶关市</dd>
            <dd>深圳市</dd>
            <dd>珠海市</dd>
            <dd>汕头市</dd>
            <dd>佛山市</dd>
            <dd>江门市</dd>
            <dd>湛江市</dd>
            <dd>茂名市</dd>
            <dd>肇庆市</dd>
            <dd>惠州市</dd>
            <dd>梅州市</dd>
            <dd>汕尾市</dd>
            <dd>河源市</dd>
            <dd>阳江市</dd>
            <dd>清远市</dd>
            <dd>东菀市</dd>
            <dd>中山市</dd>
            <dd>潮州市</dd>
            <dd>揭阳市</dd>
            <dd>云浮市</dd>
            <dt>海南省</dt>
            <dd>海口市</dd>
            <dd>三亚市</dd>
            <dt>云南省</dt>
            <dd>昆明市</dd>
            <dd>曲靖市</dd>
            <dd>玉溪市</dd>
            <dd>保山市</dd>
            <dd>昭通市</dd>
            <dd>丽江市</dd>
            <dd>思茅市</dd>
            <dd>临沧市</dd>
            <dt>贵州省</dt>
            <dd>贵阳市</dd>
            <dd>六盘水市</dd>
        </dl>
    </div>
    <div style="width: 9%; height: 100%; background-color: chartreuse; float: left; margin-right: 1%">
        <dl>
            <dd>遵义市</dd>
            <dd>安顺市</dd>
            <dt>四川省</dt>
            <dd>自贡市</dd>
            <dd>攀枝花市</dd>
            <dd>泸州市</dd>
            <dd>德阳市</dd>
            <dd>绵阳市</dd>
            <dd>广元市</dd>
            <dd>遂宁市</dd>
            <dd>内江市</dd>
            <dd>乐山市</dd>
            <dd>南充市</dd>
            <dd>眉山市</dd>
            <dd>宜宾市</dd>
            <dd>广安市</dd>
            <dd>达州市</dd>
            <dd>雅安市</dd>
            <dd>巴中市</dd>
            <dd>资阳市</dd>
            <dd>阿坝自治州</dd>
            <dd>甘孜自治州</dd>
            <dd>凉山自治州</dd>
            <dt>湖南省</dt>
            <dd>长沙市</dd>
            <dd>株洲市</dd>
            <dd>湘潭市</dd>
            <dd>衡阳市</dd>
            <dd>邵阳市</dd>
            <dd>岳阳市</dd>
            <dd>常德市</dd>
            <dd>益阳市</dd>
            <dd>张家界市</dd>
            <dd>郴州市</dd>
            <dd>永州市</dd>
            <dd>怀化市</dd>
            <dd>娄底市</dd>
        </dl>
    </div>
    <div style="width: 9%; height: 100%; background-color: lemonchiffon; float: left; margin-right: 1%">
        <dl>
            <dd>湘西自治州</dd>
            <dt>江西省</dt>
            <dd>南昌市</dd>
            <dd>萍乡市</dd>
            <dd>九江市</dd>
            <dd>景德镇市</dd>
            <dd>新余市</dd>
            <dd>鹰潭市</dd>
            <dd>赣州市</dd>
            <dd>吉安市</dd>
            <dd>宜春市</dd>
            <dd>抚州市</dd>
            <dd>上饶市</dd>
            <dt>山西省</dt>
            <dd>太原市</dd>
            <dd>大同市</dd>
            <dt>湖北省</dt>
            <dd>武汉市</dd>
            <dd>黄石市</dd>
            <dd>十堰市</dd>
            <dd>宜昌市</dd>
            <dd>襄樊市</dd>
            <dd>鄂州市</dd>
            <dd>荆门市</dd>
            <dd>孝感市</dd>
            <dd>黄冈市</dd>
            <dd>咸宁市</dd>
            <dd>随州市</dd>
            <dd>恩施自治州</dd>
            <dt>河南省</dt>
            <dd>郑州市</dd>
            <dd>开封市</dd>
            <dd>洛阳市</dd>
            <dd>平顶山市</dd>
            <dd>安阳市</dd>
            <dd>鹤壁市</dd>
            <dd>新乡市</dd>
        </dl>
    </div>
    <div style="width: 9%; height: 100%; background-color: #ead2f5; float: left; margin-right: 1%">
        <dl>
            <dd>焦作市</dd>
            <dd>濮阳市</dd>
            <dd>许昌市</dd>
            <dd>漯河市</dd>
            <dd>三门峡市</dd>
            <dd>南阳市</dd>
            <dd>商丘市</dd>
            <dd>信阳市</dd>
            <dd>周口市</dd>
            <dd>驻马店市</dd>
            <dd>阳泉市</dd>
            <dd>长治市</dd>
            <dd>晋城市</dd>
            <dd>朔州市</dd>
            <dd>晋中市</dd>
            <dd>运城市</dd>
            <dd>忻州市</dd>
            <dd>临汾市</dd>
            <dd>吕梁市</dd>
            <dt>陕西省</dt>
            <dd>西安市</dd>
            <dd>铜州市</dd>
            <dd>宝鸡市</dd>
            <dd>咸阳市</dd>
            <dd>渭南市</dd>
            <dd>延安市</dd>
            <dd>榆林市</dd>
            <dd>汉中市</dd>
            <dd>安康市</dd>
            <dd>商洛市</dd>
            <dt>青海省</dt>
            <dd>西宁市</dd>
            <dd>海东市</dd>
            <dd>海北藏族自治州</dd>
            <dd>黄南藏族自治州</dd>
            <dd>海南藏族自治州</dd>
            <dd>果洛藏族自治州</dd>
        </dl>
    </div>
    <div style="width: 9%; height: 100%; background-color: powderblue; float: left; ">
        <dl>
            <dd>玉树藏族自治州</dd>
            <dd>海西蒙古族藏族自治州</dd>
            <dt>甘肃省</dt>
            <dd>兰州市</dd>
            <dd>嘉峪关市</dd>
            <dd>金昌市</dd>
            <dd>白银市</dd>
            <dd>天水市</dd>
            <dd>武威市</dd>
            <dd>张掖市</dd>
            <dd>平凉市</dd>
            <dd>酒泉市</dd>
            <dd>庆阳市</dd>
            <dd>定西市</dd>
            <dd>陇南市</dd>
            <dd>临夏回族自治州</dd>
            <dd>甘南藏族自治州</dd>
            <dt>台湾省</dt>
            <dd>台北市</dd>
            <dd>新北市</dd>
            <dd>桃园市</dd>
            <dd>台中市</dd>
            <dd>台南市</dd>
            <dd>高雄市</dd>
            <dd>基隆市</dd>
            <dd>新竹市</dd>
            <dd>嘉义市</dd>
            <dd>台北县板桥市</dd>
            <dd>三重市</dd>
            <dd>中和市</dd>
        </dl>
    </div>
</div>
<hr/>
<h3 style="text-align: center">表单</h3>
<div id="biaodan" style="width: 70%; min-width: 1000px; height: 500px; border: blueviolet 1px solid; margin: 0 auto; padding: 1rem; ">
<form action="#" method="get" enctype="multipart/form-data">
    <table>
        <tr>
            <td>用户名称：</td><td><label><input type="text" placeholder="请输入账号" name="username" maxlength="8" checked="checked"/></label></td>
        </tr>
        <tr>
            <td>登陆密码：</td><td><label><input type="password" placeholder="请输入密码" name="password"/></label></td>
        </tr>
        <tr>
            <td>确认密码：</td><td><label><input type="password" placeholder="请再次输入密码" name="passwordAgain"/></label></td>
        </tr>
        <tr>
            <td>性别：</td>
            <td>
            <label><input type="radio" name="sex" value="1" checked>男</label>
            <label><input type="radio" name="sex" value="0">女</label>
            </td>
        </tr>
        <tr>
            <td>基本课程：</td>
            <td>
            <label><input type="checkbox" name="course" value="11">Mysql</label>
            <label><input type="checkbox" name="course" value="12">Java</label>
            <label><input type="checkbox" name="course" value="13">Web</label>
            <label><input type="checkbox" name="course" value="14">Redis</label>
            <label><input type="checkbox" name="course" value="15">C++</label>
            <label><input type="checkbox" name="course" value="16">Vue</label>
            </td>
        </tr>
        <tr>
            <td colspan="1" style="text-align: center"><label><input type="submit" value="提交信息"></label></td>
            <td colspan="1" style="text-align: center"><label><input type="reset" value="重置信息"></label></td>
        </tr>
<!--        <tr>-->
<!--            <td colspan="2">-->
<!--                <label><input type="hidden" value="18652452356" name="hiddenWord"/></label>-->
<!--                <label><input type="image" src="../image/search.png" alt="提交按钮" style="border-radius: 8px; height: 2rem;" title="点击提交"></label>-->
<!--            </td>-->
<!--        </tr>-->
        <tr><td colspan="2" style="text-align: center">下拉列表</td></tr>
        <tr>
            <td>当前日期：2022年</td>
            <td>
                <label>
                <select name="mouth">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9" selected>9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                </select>
                月
            </label>
                <label>
                <select name="date">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4" selected>4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                </select>
                日
            </label>
            </td>
        </tr>
        <tr>
            <td>
                大量文本内容：
            </td>
            <td colspan="2">
                <label><textarea name="textWord" placeholder="请输入内容" cols="50" rows="10"></textarea></label>
            </td>
        </tr>
        <tr>
            <td>请选择上传的文件：</td>
            <td>
                <label>
                    <input type="file" >
                </label>
                <label>
                    <input type="button" value="确认上传">
                </label>
            </td>
        </tr>
    </table>
</form>
</div>
<hr/>
<h3 style="text-align: center">frame框架</h3>
<div id="kuangjia" style="width: 70%; min-width: 1000px; height: 600px; border: blueviolet 1px solid; margin: 0 auto; padding: 1rem; ">
    <iframe id="inlineFrameExample"
            title="在线frame框架地图"
            width="49%"
            height="100%"
            src="https://www.openstreetmap.org/export/embed.html?bbox=-1.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik">
    </iframe>
    <div style="width: 50%;height: 600px; float: right">
        <iframe id="textHtml1"
                title="测试网页"
                width="100%"
                height="20%"
                src="text.html">
        </iframe>
        <iframe id="textHtml2"
                name="textHtml2"
                title="测试网页"
                width="100%"
                height="80%"
                src="text.html">
        </iframe>
    </div>
</div>
<!--<div id="123" style="width: 70%; min-width: 1000px; height: 500px; border: blueviolet 1px solid; margin: 0 auto; padding: 1rem; ">-->
<!--    <iframe width="60%" height="90%"-->
<!--            src="https://www.openstreetmap.org/export/embed.html?bbox=120.08142471313478%2C30.22169517385814%2C120.19472122192383%2C30.286345738029596&amp;layer=mapnik" style="border: 1px solid black">-->
<!--    </iframe>-->
<!--    <br/>-->
<!--    <small>-->
<!--    <a href="https://www.openstreetmap.org/#map=14/30.2540/120.1381&amp;layers=N">查看更大的地图</a></small>-->
<!--    </div>-->
</body>
</html>